<style>

    .buttontype{
        font-size: 1.1em;width: 46%;
        border: 0;
        /*-moz-border-radius-bottomleft: 0.3em;*/

        height: 2.5em;
        color: #ffffff;
        -webkit-appearance: none;
    }
    .btn1{
        background-color: #F74042;
    }
    .btn2{
        background-color: #FFFFFF;
        color: #000000;
    }
    #wrapper .content{
        width: 92%;margin:1em 0 0.2em 4%;
    }

    #wrapper .content1{
        width: 92%;margin: 0em 4% 1em 4%;
        height: 3em;
    }
    #wrapper .content2{
        padding:0.5em 4% 1em 4%;
    }
    #wrapper .content1 .list{
        float: left;
        height: 3em;
        background-color: #ffffff;
        line-height: 3em;
        padding-left: 2%;
        width: 48%;

    }
    #wrapper .content1 .list1{
        float: left;
        height: 3em;
        background-color: #ffffff;
        line-height: 3em;
        padding-left: 2%;


    }
    .left{
        border-bottom-left-radius: 0.3em;border-top-left-radius: 0.3em;
        border-bottom-right-radius: 0em;border-top-right-radius: 0em;
    }
    .right{
        border-bottom-left-radius: 0em;border-top-left-radius: 0;
        border-bottom-right-radius: 0.3em;border-top-right-radius: 0.3em;
    }
    .content1 .sel{
        width: 20%;float:right;height: 3em;line-height:1.3em;color: #ffffff;
        border-bottom-right-radius: 0.3em;border-top-right-radius: 0.3em;
    }
    .content1 .top1{
        height: 50%;text-align: center
    }

    .content1 .add{
        width: 20%;background-color: #666666;float: left;color: #ffffff;

    }
    .content1 .numinput{
        width: 60%;height: 96%;border-top: 1px solid #666666;border-bottom:1px solid #666666;float: left
    }

    .btn{
        font-size: 1.1em;width:95%;
        border: 0;
        border-radius: 0.5em;
        height: 2.2em;
        color: #ffffff;
        background-color: #F74042;
        -webkit-appearance: none;
    }
</style>
<div id="header">
    <!--<span class="icon-icon-07" style="float: left;margin-left: 1em;line-height: 2.5em" onclick="history.go(-1);"></span><span>选择城市</span>-->
    <i class="icon-icon-07" style="font-size: 1.2em;padding-left: 0.5em;float: left;position: absolute;line-height: 2.1em;left: 0;" ng-click="goBack()"></i>
    <span>我要发车</span>
    <span style="padding-right: 1.8em;float: right;position: absolute;right: 0;" ng-click="Carlist()">车辆</span>
    <i class="icon-icon-08" style="font-size: 1.2em;padding-right: 0.5em;float: right;position: absolute;line-height: 2.1em;right: 0;" ng-click="Carlist()"></i>
<!--onclick="window.history.go(-1);" ng-click="goBack()"-->
</div>
<div id="wrapper" style="background-color: #EEEEEE;font-family: '黑体'  ">
    <div id="scroller">
        <div class="content color3 fsize">选择车辆类型</div>
        <div style="text-align: center;">
            <input type="button" class="buttontype btn{{color}}" ng-click="toggle(1)" value="零散车辆" style="border-bottom-right-radius: 0em;border-top-right-radius: 0em;border-bottom-left-radius: 0.3em;border-top-left-radius: 0.3em;"><input type="button" ng-click="toggle(2)" class="buttontype btn{{color1}}" value="整板车辆" style="border-bottom-right-radius: 0.3em;border-top-right-radius: 0.3em;border-bottom-left-radius: 0em;border-top-left-radius: 0em;">
        </div>
        <div ng-show="visible">
            <div class="content color3 fsize">汽车品牌</div>
            <div  class="content1" id="carbrand"><!--ng-click="selectCarbrand();"-->
                <div class="list left color2">●&nbsp;选择品牌</div>
                <div class="list right color3">
                    <div style="width: 80%;float: left;"><span ng-bind="currentcar.brand"></span></div>
                    <div class="sel color1">
                        <div class="top1"><span class="icon-icon-31" style="font-size: 0.5em;"></span></div>
                        <div class="top1"><span class="icon-icon-30" style="font-size: 0.5em;;"></span></div>
                    </div>
                </div>
            </div>

            <div class="content color3 fsize">汽车车型</div>
            <div  class="content1" id="carnum">
                <div class="list left color2">●&nbsp;选择车型</div>
                <div class="list right color3">
                    <div style="width: 80%;float: left;"><span ng-bind="currentcar.num"></span></div>
                    <div class="sel color1">
                        <div class="top1"><!--︿--><span class="icon-icon-31" style="font-size: 0.5em;"></span></div>
                        <div class="top1"><!--﹀--><span class="icon-icon-30" style="font-size: 0.5em;;"></span></div>
                    </div>
                </div>
            </div>

            <div class="content color3 fsize">汽车数量</div>
            <div  class="content1">
                <div class="list1 left color2" style="width: 38%;float: left;">●&nbsp;填写数量</div>
                <div class="list1 right color3" style="width: 58%;text-align: center;padding-left: 2%;">
                    <div class="left add" id="minusnum">-</div>
                    <div class="numinput">
                        <input type="number" maxlength="5" ng-model="currentcar.carnumber" style="border: 0;text-align: center;width: 100%;"/>
                    </div>
                    <div class="right add" id="plusnum">+</div>
                </div>
            </div>

            <div class="content color3 fsize">车辆照片</div>
            <div id="uploadImg" class="content1">
                <div class="list1 left color2" style="width: 30%">●&nbsp;上传照片</div>
                <div class="list1 right color3" style="text-align: center;width: 66%"><span id="progress"></span>{{currentcar.filename}}
                    <div style="border-radius: 2em;background-color: #F74042;width: 2em;
                margin-top: 0.5em;margin-right:0.5em;height: 2em;float: right;line-height: 0em;">
                        <span style="font-size:2em;color: #ffffff;line-height: 1em;">+</span></div>
                    <input type="file" id="uploadfile"  multiple accept="image/*" style="display: none;">
                    <!-- <input type="file"  id="uploadfile" name="files"/>-->
                </div>
            </div>
        </div>

        <div ng-hide="visible">
            <div class="content color3 fsize">发车数量</div>
            <div  class="content1"><!--ng-click="selectCarbrand();"-->
                <div class="list left color2" id="dray11">
                    <input type="radio" name="dray" value="24" id="dray1" ng-model="dray.value"/>大板（24辆）
                </div>
                <div class="list right color3" id="dray22">
                    <input type="radio" name="dray" value="12" id="dray2" ng-model="dray.value"/>小板（12辆）
                </div>
            </div>

            <div class="content a1 fsize">{{dray.num}}辆板车</div>
        </div>

        <div class="content2">
            <table style="width: 100%">
                <tr>
                    <td style="text-align:left;width: 30%"><button type="button" ng-click="goBack()"  class="color1 btn">上一步</button></td>
                    <td ng-show="visible" style="text-align: center;width: 39.9%"><button type="button" ng-click="addCar(1)" class="color1 btn">增加车辆</button></td>
                    <td ng-hide="visible" style="text-align: center;width: 39.9%"><button type="button"  ng-click="addCar(2)" class="color1 btn">增加整板</button></td>
                    <td style="text-align:right;width: 30%"><button type="button" ng-click="savetransfer()"  class="color1 btn">完成</button></td>
                </tr>
            </table>
            <!--<button type="button" ng-click="goCropper()"  class="color1 btn">截图</button>-->
        </div>

    </div>
</div> 
